/*
 * @Author       : NaN 353362604@qq.com
 * @Date         : 2023-05-30 10:03:43
 * @LastEditTime : 2023-06-12 10:41:35
 * @LastEditors  : NaN 353362604@qq.com
 * @FilePath     : \AdminStration\src\Pages\Front\Common\Template\Scss\MonitoringList.scss
 * @Description  : 
 */
.MonitoringList001 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	padding: 16px;

	& > .Title {
		width: 100%;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;
			margin: 2px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: var(--ItemTitleTwoModalTableThBack);
			font-size: 12px;
			font-family: MicrosoftYaHei;
			color: #ffffff;
		}
	}

	& > .List {
		flex: 1;
		width: 100%;
		overflow-y: scroll;

		&::-webkit-scrollbar {
			display: none;
		}

		& > div {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 32px;
			cursor: pointer;
			&:hover {
				background-color: rgba(168, 39, 39, 1);
			}

			& > div {
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 12px;
				font-family: MicrosoftYaHei;
				color: #ffffff;
			}
		}
	}
}
